import styles from "./card_item.less";
import React from "react";
import { Button, WingBlank } from "antd-mobile";
import yay from "images/yay.jpg";
import hexagon from "images/hexagon-line.png";
import share from "images/icon-share@2x.png";
import router from "umi/router";

const Pic = props => {
  return (
    <div
      className={styles.contain}
      onClick={() => router.push("commodityDetails")}
    >
      <img src={hexagon} alt="" className={styles.img_style} />

      <div className={styles.Text_area}>
        <div className={styles.name}>{props.name}</div>

        <div className={styles.all}>
          <div className={styles.other_Text}>
            <div className={styles.header}>
              <div className={styles.outView_two}>
                <div className={styles.other_name}>190热度</div>
              </div>
              <div className={styles.outView_three}>
                <div className={styles.other_name}>50%点击率</div>
              </div>
            </div>
            <div className={styles.outView}>
              <div className={styles.other_name}>30%转化率</div>
            </div>
          </div>

          <div className={styles.share_icon_border}>
            <img
              src={share}
              alt=""
              onClick={e => {
                e.stopPropagation();
                router.push("promotion");
              }}
            />
          </div>
        </div>
      </div>
    </div>
  );
};

export default Pic;
